@charset "utf-8";
@include min-screen(321px){
  html,body{
    font-size: (360 / 320) * 12px;
  }
  /*时尚css*/
  .sh-big, .sh-group{
    top:48%;
  }
  .s-title{
    margin-top: 2rem;
  }
  .circle-group{
    top:per2(600,1080);
    left:45%;
    @include calcSize(230,230);
    padding-top: 0.8rem;
    .inlogo{
      @include calcSize(178,178);
    }
    .small-circle{
      @include calcSize(110,110);
      padding:rem(4,12);
      .in{
        @include calcSize(90,90);
      }
      &.img-1{
        top:0 - rem(80,12);
        left:24%;
      }
      &.img-2{
        top:-40%;
        left:100%;
      }
      &.img-3{
        top:28%;
        left:120%;
      }
      &.img-4{
        top:rem(100,12);
        left:100%;
      }
      &.img-5{
        top:rem(125,12);
        left:24%;
      }
      &.img-6{
        top:rem(100,12);
        left:-45%;
      }
      &.img-7{
        top:28%;
        left:-70%;
      }
      &.img-8{
        top:-40%;
        left:-50%;
      }
    }
  }
  //food
  .food-title{
    margin-top: 3rem;
  }
  .food-parent{
    top:53%;
    .fa-1{

    }
    .fa-2{

    }
    .fa-3{

    }
    .fa-4{

    }
    .fa-5{

    }
    .fa-6{

    }
    .fa-7{

    }
    .fa-8{

    }
    .fa-9{

    }
    .fa-10{

    }
    .fa-11{
      left: -35%;
      top: -64%
    }
    .fa-12{
      left: -77%;
      top: -52%;
    }
    .fa-13{
      left: -86%;
      top: -14%;
    }
  }
  //flower css
  .flower-center{
    top: 45%;
    .flower-4{
      left: 1%;
      top: 10%;
    }
  }
  .houseword{
    top:20%;
  }
  .house{
    bottom:15%;
  }

  .logop{
    height: rem(140,12);
    top:18%;
  }
  .arrowp{
    top:51.2%;
  }

  //live css
  .live-title{
    @include calcSize(210,282);
    margin-top: 2rem;
  }
  .temp-c{
    bottom:15%;
  }
  body .live-group .small-circle .in{
    @include box-sizing(content-box);
  }
   body .live-group{
     //one
     top:47%;
     width:8.583rem;
     height: 8.583rem;
     .small-circle{
       &.img-1{
         left: 22%;
         top: -54%;
       }
       //two
       &.img-2{
         left: 96%;
         top: -56%;
       }
       &.img-3{
         left: 168%;
         top: 29%;
       }
       &.img-4{
         left: 114%;
         top: 126%;
       }
       &.img-5{
         left: 19%;
         top: 125%;
       }
       &.img-6{
         left: -31%;
         top: 115%;
       }
       &.img-7{
         left: -68%;
         top: 48%;
       }
       &.img-8{
         left: -95%;
         top: -6%;
       }
       &.img-9{
         left: -46%;
         top: -45%;
       }
     }
   }
}